<template>
	<view style="width: 100%; overflow: hidden;">
	<view class="container">
		
		<view class="product_title">
			<view class="title_top" >
				
				<view class="title_box">{{product.name}}</view>
				
				<view class="title_box_bottom">					
					<view class="title_top_left">产品分类：{{product.category}}</view>
					<view class="title_top_right">日期：{{product.create_date}}</view>
				</view>
				
			</view>
			<!--<view class="title_bottom">
				产品描述产品描述
			</view>-->
		</view>
			
		
		
		<!--<view class="panel_box">
			<view class="panel_title">产品图片</view>
			
			<view class="uni-margin-wrap">
				<swiper class="swiper" circular indicator-dots="true" autoplay="true" interval="3500"
					duration="1000">
					<swiper-item>
						<view class="swiper-item"><image mode="aspectFill" :src="host+'/static/banner/banner1.png'"></image></view>
					</swiper-item>
					<swiper-item>
						<view class="swiper-item"><image mode="aspectFill" :src="host+'/static/banner/banner2.png'"></image></view>
					</swiper-item>
					<swiper-item>
						<view class="swiper-item"><image mode="aspectFill" :src="host+'/static/banner/banner3.png'"></image></view>
					</swiper-item>
					<swiper-item>
						<view class="swiper-item"><image mode="aspectFill" :src="host+'/static/banner/banner4.png'"></image></view>
					</swiper-item>
				</swiper>
			</view>
			
		</view>-->
		
		<view class="panel_box">
			<view class="panel_title">产品详情</view>
			
			<view class="scroll_nav">
				<scroll-view class="scroll-view_H" scroll-x="true" scroll-left="0">
					<view class="scroll-view-item_H" :class="tabItem == 1 ? 'cur' : ''" data-level="1"  data-id="1"  @click="selectTab">
						<view class="scroll-view-title">产品参数</view>
					</view>
					
					<view class="scroll-view-item_H" :class="tabItem == 2 ? 'cur' : ''" data-level="1"  data-id="2"  @click="selectTab">
						<view class="scroll-view-title">产品介绍</view>
					</view>
				</scroll-view>
				
			</view>
			
			<view class="panel_detail" v-if="tabItem==1">
				<view class="tr stripe" v-for="(item,index) in produtPar" :key="index">
					<view class="td td_1">{{item.name}}</view>
					<view class="td td_2">{{item.val}}</view>
				</view>
				
			</view>
			
			<view class="panel_detail" v-if="tabItem==2">
				{{product.descript}}
			</view>

		</view>
		

		<!--<view style="margin-top: 40rpx;">
			<button type="default" class="button" style="background-color: #910a15;color: #fff; font-size: 30rpx;" @click="createOrder()">点击下单</button>				
		</view>-->
		
		
	</view>
	<createOrderPopup :show.sync="optShow" :product.sync="product"  :formInfo.sync="formData" :orderItemId.sync="orderItemId"></createOrderPopup>
	
	<view  style="width: 100%; height: 50rpx;"></view>
	</view>
</template>


<script>
	import createOrderPopup from '@/pages/product/components/create-order-popup/create-order-popup.vue'
	import  parentPage from '@/common/parent-page.js';
	import {index} from './index.js';
	export default {mixins: [parentPage,index],components: {'createOrderPopup': createOrderPopup}}
</script>


<style>
	@import './index.css';
</style>
